*{
    margin: 0;
    padding: 0;
}
.orderDetailBoxClass{
    height: 75rem;
    overflow: auto;
}
.orderClass{
    color: white;
}
h3{
    color: white;
    color: #B867F4;
}
.orderClass ul li{
    list-style: none;
    display: inline-block;
    width: 30rem;
}
.marginRightClass{
    margin-right: 3rem;
}
.txtCenter{
    text-align: center;
}
.copyBtn{
    outline: none;
    border: none;
    margin: 1rem 0;
    padding: 1rem 2rem;
    border-radius: 1rem;
    background-color: #687FFB;
    color: white;
    cursor: pointer;
}
.scrollbar{
    height: 10rem;
}
.orderDetailBoxClass::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
 }
.orderDetailBoxClass::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color: #B867F4;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.5) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0.5) 75%,
        transparent 75%,
        transparent
    );
}
.orderDetailBoxClass::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px #00000033;
    background   : #B867F4;
    border-radius: 10px;
}

.operateBox{
    margin: 2rem 0;
}
.peratePage{
    color: white;
}
.peratePage textarea{
    border: none;
    outline: none;
    border-radius: 2rem;
    vertical-align: middle;
    color: white;
    padding: 1rem 2rem;
    margin-left: 1rem;
    background-color: #4a4a75;
}
.peratePage .copyBtn{
    margin: 2rem 1rem;
}
.peratePage input{
    outline: none;
    border: none;
    color: #586ff7;
    margin: 0 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.contentBox{
    margin: 3rem 0;
}
.radioBox{
    display: inline-block;
    margin-left: 5rem;
}
.radioBox label{
    width: 15rem;
}
.whiteTxt{
    color: white;
}